<div class="row">
  <x-alert title="Successful tips" type="success" effect="dark"> </x-alert>
  <x-alert title="Message prompt" type="info" effect="dark"> </x-alert>
  <x-alert title="Warning prompt" type="warning" effect="dark"> </x-alert>
  <x-alert title="Error message" type="error" effect="dark"> </x-alert>
</div>
